<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0 user-scalable=no,maximum-scale=1.0,minimim-scale=1.0">
    <!-- <link rel="icon" href="../html/img/" type="image/x-icon"> -->
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">
    <title>携程</title>
</head>

<body>
    <div>
        <!-- 头部搜索 -->
        <div class="head">
            <div class="head-serch">
                <input type="text" placeholder="搜索:目的地/酒店/景点/航班号">
            </div>
        </div>
        <!-- 广告位 开始-->
        <div class="bannder">
            <a href="#">
                <img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2081362183,2237717106&fm=26&gp=0.jpg"
                    alt="图片加载失败">
            </a>
        </div>
        <!-- 分类区-->
        <div class="classify">
            <div class="item">
                <img src="imges/ic_pay_one.png">
                <h6>景点.玩乐</h6>
            </div>
            <div class="item">
                <img src="imges/ic_pay_one.png">
                <h6>周边游</h6>
            </div>
            <div class="item">
                <img src="imges/ic_pay_one.png">
                <h6>美食林</h6>
            </div>
            <div class="item">
                <img src="imges/ic_pay_one.png">
                <h6>一日游</h6>
            </div>
            <div class="item">
                <img src="imges/ic_pay_one.png">
                <h6>当地攻略</h6>
            </div>
        </div>
        <!-- 楼层 -->
        <div class="dl">
            <div class="floor1">
                <div class="one">
                    <h6>酒店</h6>
                    <img src="imges/icon_yxz.png" alt="加载失败">
                </div>
                <div class="two">
                    <div class="aa">海外酒店</div>
                    <div>特价酒店</div>
                </div>
                <div class="three">
                    <div class="bb">团购</div>
                    <div>名宿客栈</div>
                </div>
            </div>

            <div class="floor2">
                <div class="one">
                    <h6>酒店</h6>
                    <img src="imges/icon_yxz.png" alt="加载失败">
                </div>
                <div class="two">
                    <div class="aa">海外酒店</div>
                    <div>特价酒店</div>
                </div>
                <div class="three">
                    <div class="bb">团购</div>
                    <div>名宿客栈</div>
                </div>
            </div>
            <div class="floor3">
                <div class="one">
                    <h6>酒店</h6>
                    <img src="imges/icon_yxz.png" alt="加载失败">
                </div>
                <div class="two">
                    <div class="aa">海外酒店</div>
                    <div>特价酒店</div>
                </div>
                <div class="three">
                    <div class="bb">团购</div>
                    <div>名宿客栈</div>
                </div>
            </div>
        </div>
        <!--  -->
        <div class="xh">
            <div class="xh-item">
                <div class="arrange">
                    <img src="imges/ic_pay_one.png" alt="加载失败">
                    <h6>wifi电话卡</h6>
                </div>
            </div>
            <div class="xh-item">
                <div class="arrange">
                    <img src="imges/ic_pay_one.png" alt="加载失败">
                    <h6>保证签约</h6>
                </div>
            </div>
            <div class="xh-item">
                <div class="arrange">
                    <img src="imges/ic_pay_one.png" alt="加载失败">
                    <h6>外币兑换</h6>
                </div>
            </div>
            <div class="xh-item">
                <div class="arrange">
                    <img src="imges/ic_pay_one.png" alt="加载失败">
                    <h6>购物</h6>
                </div>
            </div>
            <div class="xh-item">
                <div class="arrange">
                    <img src="imges/ic_pay_one.png" alt="加载失败">
                    <h6>当地向导</h6>
                </div>
            </div>
            <div class="xh-item">
                <div class="arrange">
                    <img src="imges/ic_pay_one.png" alt="加载失败">
                    <h6>自由行</h6>
                </div>
            </div>
            <div class="xh-item">
                <div class="arrange">
                    <img src="imges/ic_pay_one.png" alt="加载失败">
                    <h6>镜像坐标</h6>
                </div>
            </div>
            <div class="xh-item">
                <div class="arrange">
                    <img src="imges/ic_pay_one.png" alt="加载失败">
                    <h6>购物卡</h6>
                </div>
            </div>
            <div class="xh-item">
                <div class="arrange">
                    <img src="imges/ic_pay_one.png" alt="加载失败">
                    <h6>信用卡</h6>
                </div>
            </div>
            <div class="xh-item">
                <div class="arrange">
                    <img src="imges/ic_pay_one.png" alt="加载失败">
                    <h6>更多</h6>
                </div>
            </div>
        </div>
        <!-- 热门活动 -->
        <div>
            <div class="tilte">
                <h5>热门活动</h5>
                <a href="#">更多</a>
            </div>

            <d class="content">
                <img src="imges/ic_share_sj.png" alt="">
                <img src="imges/ic_share_sj.png" alt="">
                <img src="imges/ic_share_sj.png" alt="">
                <img src="imges/ic_share_sj.png" alt="">
                <img src="imges/ic_share_sj.png" alt="">
                <img src="imges/ic_share_sj.png" alt="">
                <img src="imges/ic_share_sj.png" alt="">
                <img src="imges/ic_share_sj.png" alt="">
                <img src="imges/ic_share_sj.png" alt="">
                <img src="imges/ic_share_sj.png" alt="">
                <img src="imges/ic_share_sj.png" alt="">
                <img src="imges/ic_share_sj.png" alt="">
                <img src="imges/ic_share_sj.png" alt="">
                <img src="imges/ic_share_sj.png" alt="">
                <img src="imges/ic_share_sj.png" alt="">
                <img src="imges/ic_share_sj.png" alt="">
                <img src="imges/ic_share_sj.png" alt="">
                <img src="imges/ic_share_sj.png" alt="">
        </div>
    </div>
</body>

</html>